// 定义根组件
// 引入组件
import List from './components/List'

function Test() {
  return <h1>我是test组件</h1>
}
export default function App() {
  return (
    <div>
      <hr />
      {/* 渲染[1,2,3] */}
      <List
        xxx={[1, 2, 3]}
        num={1}
        obj={{ name: 'zs' }}
        // 传递虚拟dom
        ele={<h1>哈哈哈</h1>}
        // 传递组件
        comp={Test}
        // 组件的实例
        comInstance={<Test></Test>}
      ></List>
      <hr />
      {/* 渲染的是[a,b,c] */}
      {/* <List xxx={['a', 'b', 'c']}></List> */}
    </div>
  )
}
